.arrow (right,@arrow-color:#c8c8cd,@arrow-width:2px) {
  position: absolute;
  top: 50%;
  border: @arrow-width solid @arrow-color;
  border-bottom-width: 0;
  border-left-width: 0;
  transform: translateY(-50%) rotate(45deg);
}

.arrow (left,@arrow-color:#c8c8cd,@arrow-width:2px) {
  position: absolute;
  top: 50%;
  border: @arrow-width solid @arrow-color;
  border-top-width: 0;
  border-right-width: 0;
  transform: translateY(-50%) rotate(45deg);
}

.arrow (top,@arrow-color:#c8c8cd,@arrow-width:2px) {
  position: absolute;
  top: 50%;
  border: @arrow-width solid @arrow-color;
  border-bottom-width: 0;
  border-right-width: 0;
  transform: translateY(-50%) rotate(45deg);
}

.arrow (bottom,@arrow-color:#c8c8cd,@arrow-width:2px) {
  position: absolute;
  top: 50%;
  border: @arrow-width solid @arrow-color;
  border-top-width: 0;
  border-left-width: 0;
  transform: translateY(-50%) rotate(45deg);
}
